<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜儿-商品详细</title>
    <link rel="stylesheet" href="./css/YjjinShuai.css">
    <link rel="stylesheet" href="./css/init.css">
    <link rel="stylesheet" href="./css/homepage.css">
    <link rel="stylesheet" href="./css/demo.css">
    <link rel="stylesheet" href="./fonts/font_k2ets6bvwt/iconfont.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
</head>

<body>
    <!-- 顶部导航模块 -->
    <section class="xtx_topnav">
        <!-- 版心 -->
        <div class="w">
            <ul class="xtx_nav">
                <li>
                    <a href="#">
                        <i class="people iconfont icon-ren111"></i>demo</a>
                </li>
                <li>
                    <a href="./index1.html">退出登录</a>
                </li>
                <li>
                    <a href="./user-center.html">我的订单</a>
                </li>
                <li>
                    <a href="#">会员中心</a>
                </li>
                <li>
                    <a href="#">帮助中心</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#"><i class="phone iconfont icon-shouji"></i>手机版</a>
                </li>

            </ul>
        </div>
    </section>
    <!-- 头部模块 -->
    <header class="xtx_head">
        <!-- 版心 -->
        <div class="w clearfix">
            <!-- log模块 -->
            <h1 class="xtx_log fl">
                <a href="#">
                    <img src="http://erabbit.itheima.net/img/logo.0940ebb5.png" alt="">
                </a>
            </h1>
            <!-- 分类导航 -->
            <div class="xtx_mainNav fl">
                <ul class="clearfix father_ul">
                    <li class="father_li">
                        <a href="#" class="home">首页</a>
                        <div class="xtx_home_layer"></div>
                    </li>
                    <li class="father_li">
                        <a href="#">居家</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/45b50d5f8afbd6fdef97314647dcb7db.png?quality=95&imageView"
                                            alt="">
                                        <p>水具杯壶</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView"
                                            alt="">
                                        <p>宠物食品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView"
                                            alt="">
                                        <p>宠物用品</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">美食</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>网易黑猪</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/cc361cf40d4f81c7eccefed1ad18face.png?quality=95&imageView"
                                            alt="">
                                        <p>水产海鲜</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c11f5457dfb38e76f60100c87ecdf0cd.png?quality=95&imageView"
                                            alt="">
                                        <p>全球美食</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/fe8e9c985d538cc1c1ced011a67ffe69.png?quality=95&imageView"
                                            alt="">
                                        <p>冷冻冷藏</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">服饰</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/57e4f01648100ec94c7bfee35171fdcb.png?quality=95&imageView"
                                            alt="">
                                        <p>室外拖鞋</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3f32a302a4cb4afe7d5d89b666566e60.png?quality=95&imageView"
                                            alt="">
                                        <p>春夏潮鞋</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b9e005aef67f1a93828847b071114296.png?quality=95&imageView"
                                            alt="">
                                        <p>飞织系列</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/cc2470afdf28b9a84639703b592da6f7.png?quality=95&imageView"
                                            alt="">
                                        <p>一脚蹬懒人系列</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">母婴</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/1f0089afcec911db7202fbcdae57d5f8.png?quality=95&imageView"
                                            alt="">
                                        <p>T恤/polo/衬衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/bf9f0a32c2b79c6d29de7d0843888b48.png?quality=95&imageView"
                                            alt="">
                                        <p>卫衣/毛衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/8a4be0d65d4a2f3ba36b3af8ee8d9414.png?quality=95&imageView"
                                            alt="">
                                        <p>外套/套装</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/773677cc0922628152a9b3cbd862426f.png?quality=95&imageView"
                                            alt="">
                                        <p>连体衣/礼盒</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">个护</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView"
                                            alt="">
                                        <p>家庭清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/dfb6142de1bd2f59b251eb8f7c7ea2fb.png?quality=95&imageView"
                                            alt="">
                                        <p>浴室用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/55d927e337c1f6d394359e99ef72a621.png?quality=95&imageView"
                                            alt="">
                                        <p>餐厨清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/949c5f8b077cf386ff9f1f18bec3408b.png?quality=95&imageView"
                                            alt="">
                                        <p>毛巾浴巾</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">严选</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/00d79ce9acb7285b15f83c92940b557f.png?quality=95&imageView"
                                            alt="">
                                        <p>卫浴用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b26d34d052d9c780d695bf4b601bfffc.png?quality=95&imageView"
                                            alt="">
                                        <p>高级珠宝</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/7daf27044470881e8839b46a262d958c.png?quality=95&imageView"
                                            alt="">
                                        <p>时尚配搭</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView"
                                            alt="">
                                        <p>数码电器</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">数码</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/f5797ca77cfe413e7753ec69f9bd4bb1.png?quality=95&imageView"
                                            alt="">
                                        <p>影音娱乐</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                                            alt="">
                                        <p>乐器</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3f45fbcdac7e8532b6a1570e6d7fe171.png?quality=95&imageView"
                                            alt="">
                                        <p>车载用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/801583d2f58274b13dc6a03daed1c3c9.png?quality=95&imageView"
                                            alt="">
                                        <p>办公文具</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">运动</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/2b1edfa6d05445de684b7df854895c0b.png?quality=95&imageView"
                                            alt="">
                                        <p>登机箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/cd44477ca9614ed81ffb58c5cacdab26.png?quality=95&imageView"
                                            alt="">
                                        <p>托运箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/141625f78404b8c81e431084a139b836.png?quality=95&imageView"
                                            alt="">
                                        <p>出行配件</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c6ff77bbb7d0f39622da300f6f5f5442.png?quality=95&imageView"
                                            alt="">
                                        <p>户外运动鞋</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">杂项</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                                            alt="">
                                        <p>乐器杂项</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 搜索 -->
            <div class="xtx_search fr">
                <!-- 搜索框 -->
                <div class="xtx_search_des">
                    <i class="iconfont icon-search"></i>
                    <input type="text" placeholder="搜一搜">
                </div>
                <!-- 购物车 -->
                <a href="./cart.html" class="iconfont icon-a-icon-shopcar">
                    <div class="xtx_car_layer">
                        <div class="list">
                            <!-- <div class="item">
               <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/fc266553a5b00280ab835e83a660ef14.jpg" alt="">
                  <div class="center">
                    <p class="name ">深船型两带式可外穿软弹拖鞋</p>
                    <p class="attr ">颜色:黄色 尺码:女S（35-36） </p>
                  </div>
                  <div class="right">
                    <p class="price">￥45.00</p>
                    <p class="count">x2</p>
                  </div>
             </a>
                <i class="iconfont icon-cuowu"data-niaa="niaa"></i>
            </div> -->
                        </div>
                        <div class="xtx_foot">
                            <div class="total">
                                <p class="pice">共 3 件商品</p>
                                <p class="money">￥135.00</p>
                            </div>
                            <button class="plain">去购物车结算</button>
                        </div>
                    </div>
                    <i class="em">7</i>
                </a>
            </div>
        </div>
        </div>
        <!-- 隐藏夹层 -->
        <div class="hide_father_layer">
            <!-- <div class="hide_layer">
                <ul>
                    <li>
                        <a href="#">
                            <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                                alt="">
                            <p>茶咖酒具</p>
                        </a>
                    </li>
            </div> -->
        </div>
    </header>
    <!-- 头部隐藏模块 -->
    <div class="xtx_father_hide">
        <!-- <div class="xtx_hide">
            <div class="w">
                <h1 class="xtx_log">
                    <a href="#">
                        <img src="http://erabbit.itheima.net/img/logo.0940ebb5.png" alt="">
                    </a>
                </h1>
                <ul class="hide_nav">
                    <li>
                        <a href="#">首页</a>
                    </li>
                </ul>
            </div>
        </div> -->
    </div>
    <!-- 背景色盒子 -->
    <div class="shopp-body">
        <!-- 头部文字导航 -->
        <div class="xtx-toptext">
            <div class="w">
                <a href="#">首页</a>
                <span class="iconfont">&#xe641</span>
                <a href="#">居家</a>
                <span class="iconfont">&#xe641</span>
                <a href="#">茶咖酒具</a>
                <span class="iconfont">&#xe641</span>
                <span>智能温控细嘴流速刚刚好咖啡手冲壶热水壶</span>
            </div>
        </div>
        <!-- 头部导航文字结束 -->


        <!-- 商品详细信息模块 -->
        <div class="xtx-shopp w margin-t">
            <!-- 左侧盒子 -->
            <div class="shop-le">
                <!-- 图片盒子 -->
                <div class="le-img">
                    <!-- 左侧大图片 -->
                    <div class="img-b">
                        <img src="./upload/shop-img-2.jpg" alt="">
                        <div class="layer"></div>
                    </div>
                    <!-- 右侧小图片 -->
                    <div class="img-s">
                        <a href="javascript:;"><img src="upload/shop-img-2.jpg" alt="" class="colorbor"></a>
                        <a href="javascript:;"><img src="upload/shop-img-1.png" alt=""></a>
                        <a href="javascript:;"><img src="upload/shop-img-4.jpg" alt=""></a>
                        <a href="javascript:;"><img src="upload/shop-img-5.png" alt=""></a>
                        <a href="javascript:;"><img src="upload/shop-img-3.jpg" alt=""></a>
                    </div>
                    <!-- 遮罩层 -->
                    <div class="large"></div>
                </div>
                <!-- 下面品牌信息 -->
                <div class="bto-datil">
                    <ul>
                        <li>
                            <p class="datil-t">销量人气</p>
                            <p class="datil-m">200+</p>
                            <em class="iconfont">&#xe6d5</em>
                            <a class="datil-b-o">销量人气</a>
                            <span></span>
                        </li>
                        <li>
                            <p class="datil-t">商品评价</p>
                            <p class="datil-m">400+</p>
                            <em class="iconfont">&#xe709</em>
                            <a class="datil-b-t">查看评价</a>
                            <span></span>
                        </li>
                        <li>
                            <p class="datil-t">收藏人气</p>
                            <p class="datil-m">600+</p>
                            <em class="iconfont">&#xf0144</em>
                            <a class="datil-b-s">收藏商品</a>
                            <span></span>
                        </li>
                        <li>
                            <p class="datil-t">品牌信息</p>
                            <p class="datil-m">苏宁电器</p>
                            <em class="iconfont">&#xe888</em>
                            <a class="datil-f">品牌主页</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 右侧盒子 -->
            <div class="shop-rig">
                <!-- 标题 -->
                <p class="rig-tile">智能温控细嘴流速刚刚好咖啡手冲壶电热水壶</p>
                <!-- 标题介绍 -->
                <p class="rig-tile-t">智能温控出水流畅，容易操控</p>
                <!-- 价格 -->
                <div class="price">
                    <!-- 新价格 -->
                    <span class="new-pric">
                        <em>￥</em>
                        <i>389.00</i>
                    </span>
                    <!-- 旧价格 -->
                    <span class="old-pric">￥399</span>
                </div>
                <!-- 服务板块 -->
                <div class="serve">
                    <!-- 促销 -->
                    <dl class="sales-pro">
                        <dt>促销</dt>
                        <dd>12月好物放送，App领券购买直降120元</dd>
                    </dl>
                    <!-- 配送 -->
                    <dl class="deliver-gods">
                        <dt>配送</dt>
                        <dd>至</dd>
                        <select name="select" id="select">
                            <option value="西安">西安</option>
                            <option value="上海">上海</option>
                            <option value="北京">北京</option>
                            <option value="南京">南京</option>
                            <option value="大连">大连</option>
                            <option value="广州">广州</option>
                        </select>
                    </dl>
                    <!-- 服务 -->
                    <dl class="help">
                        <dt>服务</dt>
                        <dd>
                            <span>无忧退货</span>
                            <span>快速退款</span>
                            <span>免费包邮</span>
                            <span><a href="#">了解详细</a></span>
                        </dd>
                    </dl>
                </div>
                <!-- 规格模块 -->
                <dl class="scale">
                    <dt>规格</dt>
                    <dd>
                        <div id="color">
                            <img src="./upload/scale-1.png" alt="" class="borColor">
                            <img src="./upload/scale-2.png" alt="">
                        </div>
                    </dd>
                </dl>
                <!-- 数量模块 -->
                <dl class="num">
                    <dt>数量</dt>
                    <dd class="nega-corr">
                        <a href="javascript:;" class="negative">-</a>
                        <input class="aaa" type="text" value="1">
                        <a href="javascript:;" class="correct">+</a>
                    </dd>
                </dl>
                <!-- 购买模块 -->
                <div class="purchase">
                    <a href="javascript:;">加入购物车</a>
                </div>
            </div>
        </div>
        <!-- 商品详细信息模块结束 -->

        <!-- 充当外边距盒子 -->
        <div class="zxcvbn w"></div>
        <!-- 同类商品推荐  -->
        <div class="xtx-carousel w">
            <!-- 同类商品推荐盒子 -->
            <div class="carou-head">
                <i class="icon"></i>
                <span>同类商品推荐 </span>
            </div>
            <!-- 轮播图盒子 -->
            <div class="carou-img">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <!-- 轮播图  -->
                        <div class="swiper-slide">
                            <div class="carou-first"></div>
                        </div>
                        <!-- 第二页 -->
                        <div class="swiper-slide">
                            <div class="carou-two"></div>
                        </div>
                        <!-- 第三页 -->
                        <div class="swiper-slide">
                            <div class="carou-three"></div>
                        </div>
                        <!-- 第四页 -->
                        <div class="swiper-slide">
                            <div class="carou-four"></div>
                        </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <!-- 同类商品推荐模块  -->
        <!-- 充当外边距盒子  -->
        <div class="zxcvbn w"></div>

        <!-- 商品详细/评价模块 -->
        <div class="xtx-product-detail w">
            <!-- 左边盒子 -->
            <div class="main">
                <!-- 上面盒子 -->
                <div class="cont">
                    <!-- 头部标题 -->
                    <div class="tab-head">
                        <!-- 商品详情  -->
                        <a href="javascript:;" class="active" data-id="2" class="borColor">商品详情</a>
                        <!-- 商品信息 -->
                        <a href="javascript:;" data-id="3">商品评价<span>（0）</span></a>
                    </div>
                    <!-- 商品详细内容  -->
                    <div class="tab-pane padding-four" style="display: block;">
                        <!-- 容量 -->
                        <ul>
                            <li>
                                <em class="dt">容量</em>
                                <em class="dd">500ml-1l</em>
                            </li>
                            <li>
                                <em class="dt">产地</em>
                                <em class="dd">中国大陆</em>
                            </li>
                            <li>
                                <em class="dt">材质</em>
                                <em class="dd">不锈钢</em>
                            </li>
                        </ul>
                        <!-- 图片  -->
                        <img src="./images/att-1.jpg" alt="">
                        <img src="./images/att-3.jpg" alt="">
                        <img src="./images/att-4.jpg" alt="">
                        <img src="./images/att-5.jpg" alt="">
                        <img src="./images/att-6.jpg" alt="">
                        <img src="./images/att-10.jpg" alt="">
                        <img src="./images/att-11.jpg" alt="">
                        <img src="./images/att-12.jpg" alt="">
                        <img src="./images/att-13.jpg" alt="">
                        <img src="./images/att-14.jpg" alt="">
                        <img src="./images/att-15.jpg" alt="">
                        <img src="./images/att-16.jpg" alt="">
                        <img src="./images/att-17.jpg" alt="">
                        <img src="./images/att-19.jpg" alt="">
                        <img src="./images/att-20.jpg" alt="">
                        <img src="./images/atr-1.jpg" alt="">
                        <img src="./images/atr-2.jpg" alt="">
                        <img src="./images/atr-3.jpg" alt="">
                        <img src="./images/atr-4.jpg" alt="">
                        <img src="./images/atr-5.jpg" alt="">
                        <img src="./images/atr-6.jpg" alt="">
                        <img src="./images/atr-7.jpg" alt="">
                        <img src="./images/atr-9.jpg" alt="">
                        <img src="./images/atr-10.jpg" alt="">
                        <img src="./images/atr-11.jpg" alt="">
                    </div>
                    <!-- 商品评价内容 -->
                    <div class="tab-pane" style="display: none;">
                        <!-- 购买统计 -->
                        <div class="goodss-top">
                            <!-- 左侧统计 -->
                            <div class="goodss-t-le">
                                <p>
                                    <span class="txt-o">1306</span><br>
                                    <span class="txt-t">人购买</span>
                                </p>
                                <p>
                                    <span class="txt-o">94.56%</span><br>
                                    <span class="txt-t">好评率</span>
                                </p>
                            </div>
                            <!-- 右侧大家都在说 -->
                            <div class="goodss-t-rig">
                                <!-- 大家都在说盒子 -->
                                <div class="gods-rig-le">大家都在说</div>
                                <!-- 右侧分类 -->
                                <div class="gods-rig-rig">
                                    <a href="javascript:;">全部评价（832）</a>
                                    <a href="javascript:;">有图（46）</a>
                                    <a href="javascript:;">音质好（34）</a>
                                    <a href="javascript:;">充电快（66）</a>
                                    <a href="javascript:;">材质很软（32）</a>
                                    <a href="javascript:;">性价比高（97）</a>
                                </div>
                            </div>
                        </div>
                        <!-- 排序分类 -->
                        <div class="goodss-m">
                            <span>排序:</span>
                            <a href="javascript:;">默认</a>
                            <a href="javascript:;">最新</a>
                            <a href="javascript:;">最热</a>
                        </div>
                        <!-- 评价 -->
                        <div class="goodss-b">
                            <!-- 用户信息 -->
                            <div class="gods-user">
                                <!-- 头像 -->
                                <img src="./upload/avatar_1.png" alt="">
                                <!-- 用户名 -->
                                <span>兔*****</span>
                            </div>
                            <!-- 右侧评论 -->
                            <div class="gods-dody">
                                <!-- 第一行 -->
                                <div class="gods-bb-h">
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <i>颜色：白色 尺寸：10cm 产地：美国</i>
                                </div>
                                <!-- 第二行评价 -->
                                <div class="gods-bb-txt">
                                    昨天下单，今天中午开锅就试着烧了五花肉，耗时30分钟，一切都刚刚好，
                                    比以前的锅烧出来口感汤汁都好多了，且价格实惠！建议购买！
                                </div>
                                <!-- 第三行评论时间 -->
                                <div class="gods-b-time">
                                    <!-- 左侧时间 -->
                                    <div class="gods-le-time">2021-04-03 13:20:32</div>
                                    <!-- 右侧点赞 -->
                                    <div class="gods-rig-z">
                                        <span class="iconfont">&#xe630</span>
                                        157
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 带图片文件 -->
                        <div class="goodss-b">
                            <!-- 用户信息 -->
                            <div class="gods-user">
                                <!-- 头像 -->
                                <img src="./upload/avatar_1.png" alt="">
                                <!-- 用户名 -->
                                <span>兔*****</span>
                            </div>
                            <!-- 右侧评论 -->
                            <div class="gods-dody">
                                <!-- 第一行 -->
                                <div class="gods-bb-h">
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <!-- <span class="iconfont">&#xf0144</span> -->
                                    <!-- <span class="iconfont">&#xf0144</span> -->
                                    <span class="iconfont">&#xf0144</span>
                                    <i>颜色：白色 尺寸：10cm 产地：美国</i>
                                </div>
                                <!-- 评价 -->
                                <div class="gods-bb-txt">
                                    昨天下单，今天中午开锅就试着烧了五花肉，耗时30分钟，一切都刚刚好，
                                    比以前的锅烧出来口感汤汁都好多了，且价格实惠！建议购买！
                                </div>
                                <!-- 评论图片 -->
                                <div class="gods-bb-img">
                                    <a href="javascript:;"><img src="./upload/1.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/2.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/3.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/4.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/5.webp" alt=""></a>
                                </div>
                                <!-- 评论时间 -->
                                <div class="gods-b-time">
                                    <!-- 左侧时间 -->
                                    <div class="gods-le-time">2021-04-03 13:20:32</div>
                                    <!-- 右侧点赞 -->
                                    <div class="gods-rig-z">
                                        <span class="iconfont">&#xe630</span>
                                        157
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="goodss-b">
                            <!-- 用户信息 -->
                            <div class="gods-user">
                                <!-- 头像 -->
                                <img src="./upload/avatar_1.png" alt="">
                                <!-- 用户名 -->
                                <span>兔*****</span>
                            </div>
                            <!-- 右侧评论 -->
                            <div class="gods-dody">
                                <!-- 第一行 -->
                                <div class="gods-bb-h">
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <i>颜色：白色 尺寸：10cm 产地：美国</i>
                                </div>
                                <!-- 第二行评价 -->
                                <div class="gods-bb-txt">
                                    昨天下单，今天中午开锅就试着烧了五花肉，耗时30分钟，一切都刚刚好，
                                    比以前的锅烧出来口感汤汁都好多了，且价格实惠！建议购买！
                                </div>
                                <!-- 第三行评论时间 -->
                                <div class="gods-b-time">
                                    <!-- 左侧时间 -->
                                    <div class="gods-le-time">2021-04-03 13:20:32</div>
                                    <!-- 右侧点赞 -->
                                    <div class="gods-rig-z">
                                        <span class="iconfont">&#xe630</span>
                                        78
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="goodss-b">
                            <!-- 用户信息 -->
                            <div class="gods-user">
                                <!-- 头像 -->
                                <img src="./upload/avatar_1.png" alt="">
                                <!-- 用户名 -->
                                <span>兔*****</span>
                            </div>
                            <!-- 右侧评论 -->
                            <div class="gods-dody">
                                <!-- 第一行 -->
                                <div class="gods-bb-h">
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <i>颜色：白色 尺寸：10cm 产地：美国</i>
                                </div>
                                <!-- 第二行评价 -->
                                <div class="gods-bb-txt">
                                    昨天下单，今天中午开锅就试着烧了五花肉，耗时30分钟，一切都刚刚好，
                                    比以前的锅烧出来口感汤汁都好多了，且价格实惠！建议购买！
                                </div>
                                <!-- 第三行评论时间 -->
                                <div class="gods-b-time">
                                    <!-- 左侧时间 -->
                                    <div class="gods-le-time">2021-04-03 13:20:32</div>
                                    <!-- 右侧点赞 -->
                                    <div class="gods-rig-z">
                                        <span class="iconfont">&#xe630</span>
                                        157
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="goodss-b">
                            <!-- 用户信息 -->
                            <div class="gods-user">
                                <!-- 头像 -->
                                <img src="./upload/avatar_1.png" alt="">
                                <!-- 用户名 -->
                                <span>兔*****</span>
                            </div>
                            <!-- 右侧评论 -->
                            <div class="gods-dody">
                                <!-- 第一行 -->
                                <div class="gods-bb-h">
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <i>颜色：白色 尺寸：10cm 产地：美国</i>
                                </div>
                                <!-- 第二行评价 -->
                                <div class="gods-bb-txt">
                                    昨天下单，今天中午开锅就试着烧了五花肉，耗时30分钟，一切都刚刚好，
                                    比以前的锅烧出来口感汤汁都好多了，且价格实惠！建议购买！
                                </div>
                                <!-- 第三行评论时间 -->
                                <div class="gods-b-time">
                                    <!-- 左侧时间 -->
                                    <div class="gods-le-time">2021-04-03 13:20:32</div>
                                    <!-- 右侧点赞 -->
                                    <div class="gods-rig-z">
                                        <span class="iconfont">&#xe630</span>
                                        157
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 带图片评价 -->
                        <div class="goodss-b">
                            <!-- 用户信息 -->
                            <div class="gods-user">
                                <!-- 头像 -->
                                <img src="./upload/avatar_1.png" alt="">
                                <!-- 用户名 -->
                                <span>兔*****</span>
                            </div>
                            <!-- 右侧评论 -->
                            <div class="gods-dody">
                                <!-- 第一行 -->
                                <div class="gods-bb-h">
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <!-- <span class="iconfont">&#xf0144</span> -->
                                    <!-- <span class="iconfont">&#xf0144</span> -->
                                    <span class="iconfont">&#xf0144</span>
                                    <i>颜色：白色 尺寸：10cm 产地：美国</i>
                                </div>
                                <!-- 评价 -->
                                <div class="gods-bb-txt">
                                    昨天下单，今天中午开锅就试着烧了五花肉，耗时30分钟，一切都刚刚好，
                                    比以前的锅烧出来口感汤汁都好多了，且价格实惠！建议购买！
                                </div>
                                <!-- 评论图片 -->
                                <div class="gods-bb-img">
                                    <a href="javascript:;"><img src="./upload/1.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/2.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/3.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/4.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/5.webp" alt=""></a>
                                </div>
                                <!-- 评论时间 -->
                                <div class="gods-b-time">
                                    <!-- 左侧时间 -->
                                    <div class="gods-le-time">2021-04-03 13:20:32</div>
                                    <!-- 右侧点赞 -->
                                    <div class="gods-rig-z">
                                        <span class="iconfont">&#xe630</span>
                                        157
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="goodss-b">
                            <!-- 用户信息 -->
                            <div class="gods-user">
                                <!-- 头像 -->
                                <img src="./upload/avatar_1.png" alt="">
                                <!-- 用户名 -->
                                <span>兔*****</span>
                            </div>
                            <!-- 右侧评论 -->
                            <div class="gods-dody">
                                <!-- 第一行 -->
                                <div class="gods-bb-h">
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <i>颜色：白色 尺寸：10cm 产地：美国</i>
                                </div>
                                <!-- 第二行评价 -->
                                <div class="gods-bb-txt">
                                    昨天下单，今天中午开锅就试着烧了五花肉，耗时30分钟，一切都刚刚好，
                                    比以前的锅烧出来口感汤汁都好多了，且价格实惠！建议购买！
                                </div>
                                <!-- 第三行评论时间 -->
                                <div class="gods-b-time">
                                    <!-- 左侧时间 -->
                                    <div class="gods-le-time">2021-04-03 13:20:32</div>
                                    <!-- 右侧点赞 -->
                                    <div class="gods-rig-z">
                                        <span class="iconfont">&#xe630</span>
                                        157
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="goodss-b">
                            <!-- 用户信息 -->
                            <div class="gods-user">
                                <!-- 头像 -->
                                <img src="./upload/avatar_1.png" alt="">
                                <!-- 用户名 -->
                                <span>兔*****</span>
                            </div>
                            <!-- 右侧评论 -->
                            <div class="gods-dody">
                                <!-- 第一行 -->
                                <div class="gods-bb-h">
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <i>颜色：白色 尺寸：10cm 产地：美国</i>
                                </div>
                                <!-- 第二行评价 -->
                                <div class="gods-bb-txt">
                                    昨天下单，今天中午开锅就试着烧了五花肉，耗时30分钟，一切都刚刚好，
                                    比以前的锅烧出来口感汤汁都好多了，且价格实惠！建议购买！
                                </div>
                                <!-- 第三行评论时间 -->
                                <div class="gods-b-time">
                                    <!-- 左侧时间 -->
                                    <div class="gods-le-time">2021-04-03 13:20:32</div>
                                    <!-- 右侧点赞 -->
                                    <div class="gods-rig-z">
                                        <span class="iconfont">&#xe630</span>
                                        157
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 带图片评论 -->
                        <div class="goodss-b">
                            <!-- 用户信息 -->
                            <div class="gods-user">
                                <!-- 头像 -->
                                <img src="./upload/avatar_1.png" alt="">
                                <!-- 用户名 -->
                                <span>兔*****</span>
                            </div>
                            <!-- 右侧评论 -->
                            <div class="gods-dody">
                                <!-- 第一行 -->
                                <div class="gods-bb-h">
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <!-- <span class="iconfont">&#xf0144</span> -->
                                    <!-- <span class="iconfont">&#xf0144</span> -->
                                    <span class="iconfont">&#xf0144</span>
                                    <i>颜色：白色 尺寸：10cm 产地：美国</i>
                                </div>
                                <!-- 评价 -->
                                <div class="gods-bb-txt">
                                    昨天下单，今天中午开锅就试着烧了五花肉，耗时30分钟，一切都刚刚好，
                                    比以前的锅烧出来口感汤汁都好多了，且价格实惠！建议购买！
                                </div>
                                <!-- 评论图片 -->
                                <div class="gods-bb-img">
                                    <a href="javascript:;"><img src="./upload/1.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/2.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/3.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/4.webp" alt=""></a>
                                    <a href="javascript:;"><img src="./upload/5.webp" alt=""></a>
                                </div>
                                <!-- 评论时间 -->
                                <div class="gods-b-time">
                                    <!-- 左侧时间 -->
                                    <div class="gods-le-time">2021-04-03 13:20:32</div>
                                    <!-- 右侧点赞 -->
                                    <div class="gods-rig-z">
                                        <span class="iconfont">&#xe630</span>
                                        157
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="goodss-b">
                            <!-- 用户信息 -->
                            <div class="gods-user">
                                <!-- 头像 -->
                                <img src="./upload/avatar_1.png" alt="">
                                <!-- 用户名 -->
                                <span>兔*****</span>
                            </div>
                            <!-- 右侧评论 -->
                            <div class="gods-dody">
                                <!-- 第一行 -->
                                <div class="gods-bb-h">
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <span class="iconfont">&#xf0144</span>
                                    <i>颜色：白色 尺寸：10cm 产地：美国</i>
                                </div>
                                <!-- 第二行评价 -->
                                <div class="gods-bb-txt">
                                    昨天下单，今天中午开锅就试着烧了五花肉，耗时30分钟，一切都刚刚好，
                                    比以前的锅烧出来口感汤汁都好多了，且价格实惠！建议购买！
                                </div>
                                <!-- 第三行评论时间 -->
                                <div class="gods-b-time">
                                    <!-- 左侧时间 -->
                                    <div class="gods-le-time">2021-04-03 13:20:32</div>
                                    <!-- 右侧点赞 -->
                                    <div class="gods-rig-z">
                                        <span class="iconfont">&#xe630</span>
                                        157
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 翻页 -->
                        <div class="goodss-page">
                            <span class="long disabled">上一页</span>
                            <a href="javascript:;" class="duan">1</a>
                            <a href="javascript:;" class="duan">2</a>
                            <a href="javascript:;" class="duan">3</a>
                            <a href="javascript:;" class="duan">4</a>
                            <a href="javascript:;" class="duan">5</a>
                            <span>...</span>
                            <a href="javascript:;" class="long">下一页</a>
                        </div>
                    </div>
                </div>
                <!-- 下面注意事项 -->
                <div class="warn">
                    <h3>注意事项</h3>
                    <p class="tit">• 购买运费如何收取？ </p>
                    <p>单笔订单金额(不含运费)满88元免邮费；不满88元，每单收取10元运费。（港澳台地区需满500元免邮费；不满500元，每单收取30元运费) </p>
                    <br>
                    <br>
                    <p class="tit">• 使用什么快递发货? </p>
                    <p>默认使用顺丰快递发货(个别商品使用其他快递） </p>
                    <p>配送范围覆盖全国大部分地区(港澳台地区除外）。 </p>
                    <br>
                    <br>
                    <p class="tit">• 如何申请退货? </p>
                    <p>1.自收到商品之日起30日内，顾客可申请无忧退货，退款将原路返还，不同的银行处理时间不同，预计1-5个工作日到账； </p>
                    <p>2.内裤和食品等特殊商品无质量问题不支持退货； </p>
                    <p>3.退货流程： 确认收货-申请退货-客服审核通过-用户寄回商品-仓库签收验货-退款审核-退款完成； </p>
                    <p>4.因小兔鲜儿产生的退货，如质量问题，退货邮费由小兔鲜儿承担，退款完成后会以现金券的形式报销。因客户个人原因产生的退货，购买和寄回运费由客户个人承担。</p>
                </div>
            </div>
            <!-- 右边盒子 -->
            <div class="aside">
                <div class="tit">24小时热销榜</div>
                <div class="product">
                    <img src="./images/asid-1.jpg" alt="">
                    <p class="name">智能温控细嘴流速刚刚好...</p>
                    <p class="desc">智能温控出水流畅，容易操控</p>
                    <p class="price">¥389.00</p>
                </div>
                <div class="product">
                    <img src="./images/asid-2.jpg" alt="">
                    <p class="name">手工陶制高脚杯</p>
                    <p class="desc">耐摔耐高温，包邮到家</p>
                    <p class="price">¥29</p>
                </div>
                <div class="product">
                    <img src="./images/asid-3.jpg" alt="">
                    <p class="name">手工吹制更厚实白酒杯壶...</p>
                    <p class="desc">抿一口好酒，喝出真性情</p>
                    <p class="price">¥99.00</p>
                </div>
                <!-- 专题推荐  -->
                <div class="tit">专题推荐</div>
                <div class="product">
                    <img src="./images/asid-3.jpg" alt="">
                    <p class="name">手工吹制更厚实白酒杯壶...</p>
                    <p class="desc">抿一口好酒，喝出真性情</p>
                    <p class="price">¥99.00</p>
                </div>
                <div class="product">
                    <img src="./images/asid-2.jpg" alt="">
                    <p class="name">手工陶制高脚杯</p>
                    <p class="desc">耐摔耐高温，包邮到家</p>
                    <p class="price">¥29</p>
                </div>
                <div class="product">
                    <img src="./images/asid-1.jpg" alt="">
                    <p class="name">智能温控细嘴流速刚刚好...</p>
                    <p class="desc">智能温控出水流畅，容易操控</p>
                    <p class="price">¥389.00</p>
                </div>
            </div>
        </div>
        <!-- 商品详细/评价模块结束 -->


        <!-- 底部模块 -->
        <footer class="xtx_footer">
            <div class="xtx_contact">
                <!-- 联系模块 -->
                <div class="w">
                    <dl class="clearfix">
                        <dt>客户服务</dt>
                        <dd class="contact_dd fl"><i class="iconfont icon-message-point
                "></i> 在线客服</dd>
                        <dd class="contact_dd fl">
                            <i class="iconfont icon-question-mark-ring">
                            </i>
                            问题反馈
                        </dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>关于我们</dt>
                        <dd class="contact_dd fl"><i class="iconfont icon-a-wechatline
                "></i> 公众号</dd>
                        <dd class="contact_dd fl">
                            <i class="iconfont icon-xinlangweibo
                        ">
                            </i>
                            微博
                        </dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>下载APP</dt>
                        <dd class="vxcode fl">
                            <img src="	http://erabbit.itheima.net/img/qrcode.5372a064.jpg" alt="">
                        </dd>
                        <dd class="app_download">
                            <span>扫描二维码</span>
                            <span>立马下载APP</span>
                            <a href="#">下载页面</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>服务热线</dt>
                        <dd class="service_phone">
                            400-0000-000
                            <b>周一至周日 8:00-18:00</b>
                        </dd>
                    </dl>
                </div>
            </div>
            <!-- 底部其他 -->
            <div class="final_services">
                <div class="w">
                    <!-- 口号 -->
                    <div class="xtx_slogan">
                        <a href="#">
                            <i class="iconfont icon-dakaidexiangzi"></i>
                            价格亲民
                        </a>
                        <a href="#">
                            <i class="iconfont icon-dianzan"></i>
                            物流快捷
                        </a>
                        <a href="#">
                            <i class="iconfont icon-wuliu"></i>
                            品质新鲜
                        </a>
                    </div>
                    <!-- 版权 -->
                    <div class="xtx_copyright">
                        <p>
                            <a href="#" class="xtx_help">关于我们</a>
                            <a href="#" class="xtx_help">帮助中心</a>
                            <a href="#" class="xtx_help">售后服务</a>
                            <a href="#" class="xtx_help">配送与验收</a>
                            <a href="#" class="xtx_help">商务合作</a>
                            <a href="#" class="xtx_help">搜索推荐</a>
                            <a href="#" class="xtx_help">友情链接</a>
                        </p>
                        <p>CopyRight © 小兔鲜儿</p>
                    </div>
                </div>
            </div>
        </footer>



        <!-- js交互 -->
        <script src="./js/details.js"></script>
        <script src="./js/demo.js"></script>
        <script src="./js/homepage.js"></script>
        <script src="./swiper/swiper-bundle.min.js"></script>

        <script>
            var swiper = new Swiper(".mySwiper", {
                spaceBetween: 30,
                effect: "fade",
                navigation: {
                    nextEl: ".swiper-button-next",
                    prevEl: ".swiper-button-prev",
                },
                pagination: {
                    el: ".swiper-pagination",
                    clickable: true,
                },
            });
        </script>
</body>

</html>